<template>
  <div>
    <MyHeader />
    <MyNav />
    <router-view></router-view>
    <MyFooter />
  </div>
</template>

<script>
import MyHeader from "../../components/Home/MyHeader.vue"
//import MyContent from "@/components/MyContent"
import MyFooter from "../../components/Home/MyFooter.vue"
import MyNav from "../../components/Home/MyNav.vue"

export default {
  name: "Home",
  components: { MyHeader, MyFooter, MyNav },
};
</script>

<style>
html,
body {
  min-width: 1004px;
  height: 100%;
  width: 100%;
}
* {
  margin: 0;
  padding: 0;
  font: 13px "microsoft yahei", "微软雅黑";
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* -moz-Firefox */
  -webkit-box-sizing: border-box; /* -webkit-Chrome Safari */
  /* -o-:针对Opera内核的CSS写法 */
  /* -ms-:针对IE内核的CSS写法 */
}
a {
  text-decoration: none;
  cursor: pointer;
}

li {
  list-style: none;
}

.menu_1 .banner {
  width: 1004px;
  margin: 10px auto;
}
.menu_1 .banner img {
  width: 100%;
  border-radius: 6px;
}
</style>